import { StyleSheet } from 'react-native';
import { t } from 'react-native-tailwindcss';

import screen from '../../utils/screen';
import commonStyle from '../../../src/styles';

export default StyleSheet.create({
  indexHeader: {
    height: screen.EH * 112,
    ...t.wFull,
    ...t.bgThemeBlue,
    ...commonStyle.flexCenterXY,
  },
  factoryName: {
    ...t.text3xl,
    ...t.fontBold,
    ...t.textWhite,
  },
  switchFac: {
    ...t.textWhite,
    ...t.absolute,
    right: screen.EW * 30,
  },
  wrapper: {
    ...t.wFull,
    height: screen.EH * 280,
  },
  swiperimg: {
    ...t.wFull,
    ...t.hFull,
  },
  dotStyle: {
    ...t._mB5,
  },
  kingKong: {
    ...t.mB5,
    ...t.pT5,
    ...t.pX8,
    ...t.flex,
    ...t.flexRow,
    ...t.flexWrap,
    ...t.wFull,
    ...t.bgWhite,
    ...t.justifyBetween,
  },
  kingKong_item: {
    width: screen.EW * 218,
    height: screen.EH * 116,
    ...t.bgWhite,
    ...t.mB5,
    ...t.itemsEnd,
    ...t.flex,
    ...t.shadow,
    ...t.flexRow,
    borderRadius: 5,
  },
  jgicon: {
    ...t._mL6,
    ...t.mR1,
    width: screen.EW * 52,
  },
  kingKong_item_textbo: {
    ...t.mR4,
    ...t.fontBold,
    ...t.text3xl,
    ...t.mB5,
    ...t.textRight,
    ...t.mT2,
  },
  kingKong_item_textno: {
    ...t.textXl,
  },
});
